<!--pages/mall_page/mall_page.wxml-->
<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>悦章科技</title>
		<link rel="stylesheet" href="__HELPER_CSS__/app.css">
		<link rel="stylesheet" href="__HELPER_CSS__/mall_page.css">
		<link rel="stylesheet" type="text/css" href="__HELPER_CSS__/reset.css"/>

		
	</head>
	<body >
		<!--pages/index/index.wxml-->

		<!-- 顶部导航条 -->
		<div class="secondNavBar ">
			<a class="back" href="javascript:history.back(-1)">
				<img src="__HELPER_IMG__/icon_back_white.png" >
			</a>
			<label></label>
		</div>





<div class="mall-page">


  <div class="mp-top">
    <div class="mpt-img">
      <img src='__HELPER_IMG__/img_pic4.jpg' mode="aspectFill"></img>
    </div>
    <div class="mpt-wz">
      <label class="mptw-bt">PHOTOSHOP高级进阶</label>
      <label class="mptw-jj">PS高级进阶提升，关于用户产品的研发和设计</label>
      <label class="mptw-zz">Adobe公司出版</label>
    </div>
    <div class="clear"></div>
  </div>


  <div class="mp-sm">
    <div class="mps-jg">￥<label>159</label></div>
    <div class="mps-pf">
      <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
      <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
      <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
      <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
      <img src='__HELPER_IMG__/icon_pf_default.png'></img>
      <label>4.0</label>
      <div class="clear"></div>
    </div>
    <div class="mps-box">
      <label class="mpsb-zd">配送方式</label>
      <label class="mpsb-yf">快递免邮</label>
      <div class="clear"></div>
    </div>
    <div class="mps-box">
      <label class="mpsb-zd">选择规格</label>
      <img src='__HELPER_IMG__/icon_right.png' class="mpsb-right"></img>
      <div class="mpsb-gg">已选：标准版；套书</div>
      <div class="clear"></div>
    </div>
    <div class="mps-box">
      <label class="mpsb-zd">选择数量</label>
      <div class="mpsb-sl">
        <div class="mpsbs-an">
          <img src='__HELPER_IMG__/icon_jian.png'></img>
        </div>
        <label>1</label>
        <div class="mpsbs-an">
          <img src='__HELPER_IMG__/icon_jia.png'></img>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="mps-box">
      <label class="mpsb-zd">服务</label>
      <div class="mpsb-fw">
        <img src='__HELPER_IMG__/icon_fw.png'></img>
        <label>保证正品</label>
        <img src='__HELPER_IMG__/icon_fw.png'></img>
        <label>15天内无条件退货</label>
        <img src='__HELPER_IMG__/icon_fw.png'></img>
        <label>售后</label>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
  </div>


  <div class="mp-tab">
    <div class="mpt-btn active">商品详情</div>
    <div class="mpt-btn">评论(66)</div>
    <div class="clear"></div>
  </div>


  <!-- 详情 -->
  <rich-text class="mp-xq" style="display:block;">
    <img src='__HELPER_IMG__/img_kcxq.jpg' mode="widthFix"></img>
  </rich-text>


  <!-- 评论 -->
  <div class="mp-pl" style="display:none;">

    <div class="mpp-box">
      <div class="mppb-l">
        <img src='__HELPER_IMG__/img_tx.jpg' mode="aspectFill"></img>
      </div>
      <div class="mppb-r">
        <label class="mppbr-mc">周淑怡</label>
        <label class="mppbr-sj">10/01 18:50</label>
        <div class="clear"></div>
        <div class="mppbr-pf">
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_default.png'></img>
          <label>4.0</label>
          <div class="clear"></div>
        </div>
        <label class="mppbr-nr">书籍真是太棒了，对于遇到瓶颈的我，对我的提升真是太大了。</label>
      </div>
      <div class="clear"></div>
    </div>

    <div class="mpp-box">
      <div class="mppb-l">
        <img src='__HELPER_IMG__/img_tx.jpg' mode="aspectFill"></img>
      </div>
      <div class="mppb-r">
        <label class="mppbr-mc">周淑怡</label>
        <label class="mppbr-sj">10/01 18:50</label>
        <div class="clear"></div>
        <div class="mppbr-pf">
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_default.png'></img>
          <label>4.0</label>
          <div class="clear"></div>
        </div>
        <label class="mppbr-nr">书籍真是太棒了，对于遇到瓶颈的我，对我的提升真是太大了。</label>
      </div>
      <div class="clear"></div>
    </div>

    <div class="mpp-box">
      <div class="mppb-l">
        <img src='__HELPER_IMG__/img_tx.jpg' mode="aspectFill"></img>
      </div>
      <div class="mppb-r">
        <label class="mppbr-mc">周淑怡</label>
        <label class="mppbr-sj">10/01 18:50</label>
        <div class="clear"></div>
        <div class="mppbr-pf">
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_selected.png'></img>
          <img src='__HELPER_IMG__/icon_pf_default.png'></img>
          <label>4.0</label>
          <div class="clear"></div>
        </div>
        <label class="mppbr-nr">书籍真是太棒了，对于遇到瓶颈的我，对我的提升真是太大了。</label>
      </div>
      <div class="clear"></div>
    </div>

  </div>


  <div class="mp-foot">
    <a class="mpf-l" href="../../pages/my_gwc/my_gwc.html">
      <img src='__HELPER_IMG__/icon_gwc.png'></img>
      <label>购物车</label>
      <div class="clear"></div>
    </a>
    <a class="mpf-r" href="../../pages/mall_buy/mall_buy.html">立即购买</a>
    <div class="mpf-m">加入购物车</div>
    <div class="clear"></div>
  </div>


</div>







<!-- 弹出框 选择规格 -->
<div class="tck-gg" style="display:none;">

  <div class="tg-box">

    <div class="tgb-top">
      <div class="tgbt-gb">
        <img src='__HELPER_IMG__/icon_delete.png'></img>
      </div>
      <div class="tgbt-img">
        <img src='__HELPER_IMG__/img_tx.jpg' mode="aspectFill"></img>
      </div>
      <div class="tgbt-wz">
        <label class="tgbtw-jg">￥268.00</label>
        <label class="tgbtw-yx">已选：“限量版；套书”</label>
        <label class="tgbtw-kc">库存：999</label>
      </div>
      <div class="clear"></div>
    </div>

    <div class="tgb-gg">
      <label class="tgbg-bt">版本</label>
      <div class="tgbg-box">
        <div class="tgbgb-btn cur">限量版</div>
        <div class="tgbgb-btn">标准版</div>
        <div class="clear"></div>
      </div>
    </div>

    <div class="tgb-gg">
      <label class="tgbg-bt">规格</label>
      <div class="tgbg-box">
        <div class="tgbgb-btn cur">套书</div>
        <div class="tgbgb-btn">单册</div>
        <div class="clear"></div>
      </div>
    </div>

    <div class="tgb-sl">
      <label class="tgbs-l">数量</label>
      <div class="tgbs-r">
        <div class="tgbsr-btn">
          <img src='__HELPER_IMG__/icon_jian.png'></img>
        </div>
        <label>1</label>
        <div class="tgbsr-btn">
          <img src='__HELPER_IMG__/icon_jia.png'></img>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>

    <div class="tgb-btn">
      <div class="tgbb-l">加入购物车</div>
      <a class="tgbb-r" href="../../pages/mall_buy/mall_buy.html">立即购买</a>
      <div class="clear"></div>
    </div>

  </div>

</div>


	</body>
</html>